<template>
	<view class="page">
		<view class="">
			<view class="hot-box">
				<view class="text">热门搜索</view>
				<view class="buttons">
					<button class="button" v-for="(button, ind) in buttons" :key="ind">{{button}}</button>
				</view>
			</view>
			<view class="history-box">
				<view class="title">搜索历史</view>
				<view class="item" v-for="(item, ind) in items" :key="ind">
					<view class="left">
						<view class="iconfont icon-lishi" style="font-size: 20px;padding-left: 30upx;color: gray;"></view>
						<view class="ite">{{item}}</view>
					</view>
					<view class="uni-icon uni-icon-closeempty"></view>
				</view>
			</view>
		</view>
		
		<view class="item bottom">
			清除搜索历史
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				buttons: ['家居服','人字拖','大裤衩','收纳盒'],
				items: ['日本','北欧','洗发水','同款','保温','面膜','香薰','洗衣']
			}
		},
		onNavigationBarSearchInputChanged(e) {
		},
		onNavigationBarSearchInputConfirmed(e) {
			console.log(e.text)
		},
		methods: {
			
		}
	}
</script>

<style>
	@import url("search.css");
	@import url("../../static/iconfont/iconfont.css");
</style>
